<template>
  <div>
      <!-- 基本数据(4个页面数据修改) -->
      <el-card style="height: 100%" class="card">
        <div slot="header">
            <span>详细基本数据</span>
        </div>
        <template>
          <el-tabs v-model="activeName" @tab-click="handleClick">
              <el-tab-pane label="井眼准备" name="first"><w-preparizatation></w-preparizatation></el-tab-pane>
                <el-tab-pane label="固井设计" name="second"><CementDesign></CementDesign></el-tab-pane>
                <el-tab-pane label="施工参数" name="third"><CementOperation></CementOperation></el-tab-pane>
                <el-tab-pane label="质量评价" name="fourth"><CementEvaluation></CementEvaluation></el-tab-pane>
          </el-tabs>
        </template>
      </el-card>
  </div>
</template>

<script>
import wPreparizatation from '../dataClassificationwell/WellPreparizatation';
import CementEvaluation from '../dataClassificationwell/CementEvaluation';
import CementDesign from '../dataClassificationwell/CementDesign'
import CementOperation from '../dataClassificationwell/CementOperation'
export default {
  data() {
    return {
      activeName: 'first'
    };
  },
  components: {
	wPreparizatation,
	CementEvaluation,
    CementDesign,
    CementOperation,
	},
  methods: {
    handleClick(tab, event) {
      // console.log(tab, event);
    }
  }
}
</script>

<style scoped>
.card >>> .el-card__body {
	padding: 5px;
}
.card >>> .el-card__header {
	font-size: 17px;
	padding: 5px 10px;
	/* padding: 5px 10px !important; */
	height: 40px;
	line-height: 30px;
	background-color: #eef0f6;
}
</style>